@charset "utf-8";
.web{
    .engine{
        background: #8bc01f;
        color: #FFFFFF;
        .engine_1{
            padding-top: 60px;
            padding-bottom: 50px;
        .eng_1{
            .eg_1{
                img{
                    width: 100%;
                }
            }
            .eg_2{
                p{
                    font-size: 48px;
                }
            }
        }
        .eng_2{
            ul{
                li{  
                    padding-left: 15px;
                    &:first-child{
                        font-size: 24px;
                        line-height: 60px;
                    }
                    &:nth-child(2){
                        line-height: 100px;
                    }
                    &:nth-child(3){
                        line-height: 30px;
                    }
                    &:nth-child(4){
                        line-height: 70px;
                    }
                    &:last-child{
                        a{
                            background:#e8f2d2;
                            color: #8bc01f;
                            border: 1px solid #8bc01f;
                            border-radius: 5px;
                        }
                    }
                }
            }
            
        }
    }
    .engin_2{
        img{
            width: 100%;
        }
    }
}
//**********************
.operation{
    background: #3393df;
    color: #FFFFFF;
    .operation_1{
        padding-top: 70px;
        padding-bottom: 50px;
        .oper_1{
            .opr_1{
                img{
                    width: 100%;
                }
            }
                .opr_2{
                    p{
                        font-size: 48px;
                    }
                }
        }
        .oper_2{
            .opr_3{
                img{
                    width: 100%;
                }
            }
                .opr_4{
                   
                    dl{
                        dt{
                            font-size: 24px;
                            line-height: 60px;
                        }
                        dd{
                            line-height: 35px;
                        }
                    }
                }
                .opr_5{
                    img{
                        width: 100%;
                        padding-top: 130px;
                    }
                }
            
            }
    }
}
//*********************
  .other_products{
      .other_products_1{
          padding-top: 90px;
          .other_1{
              padding-top: 30px;
              padding-bottom: 30px;
                .products_1{
              .oth_2{
                  p{
                      font-size: 42px;
                       color: #5aa3e3;
                  }
              }
             }
             .products_2{
                 p{
                     font-size: 18px;
                 }
             }
             .products_3{
                 dl{
                     dt{
                         padding-top: 20px;
                         line-height: 30px;
                         font-size: 18px;
                         color: #5aa3e3;
                     }
                     .fuck_y{
                         padding-top: 55px;
                     }
                     dd{
                         line-height: 30px;
                         text-indent: 2em;
                     }
                 }
             }
             .products_4{
                 padding-top: 20px;
                 text-align: center;
                
             }
          }
      
      }
      .bg_1{
          background: #F7F7F7;
      }
  }
}
//************媒体查询******************
@media screen and (max-width:991px){
    .web .engine .engine_1{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .web .engine .engine_1 .eng_2 ul li:first-child{
        font-size: 18px;
        line-height: 30px;
    }
    .web .engine .engine_1 .eng_2 ul li:nth-child(2){
        line-height: 40px;
    }
    .web .engine .engine_1 .eng_2 ul li:nth-child(4){
        line-height: 30px;
    }
    .web .engine .engine_1 .eng_1 .eg_2 p{
        font-size: 30px;
    }
    .web .operation .operation_1 .oper_1 .opr_2 p{
        font-size: 30px;
    }
    .web .operation .operation_1 .oper_2 .opr_4 dl dt{
        line-height: 20px;
        font-size: 18px;
    }
    .web .operation .operation_1 .oper_2 .opr_4 dl dd{
        line-height: 24px;
    }
    .web .operation .operation_1 .oper_2 .opr_5 img{
        padding-top: 60px;
    }
}

@media screen and (min-width:480px) and (max-width:768px){
    .web .engine .engine_1 .eng_1 .eg_1 img{
        width: 60%;
    }
    .web .operation .operation_1 .oper_2 .opr_5 img{
        width: 60%;
    }
    .web .operation .operation_1 .oper_2 .opr_3 img{
        width: 60%;
    }
    .web .engine .engin_2 img{
         width: 60%;
    }
     .web .operation .operation_1 .oper_1 .opr_1 img{
        width: 30px;
    }
}
@media screen and (max-width:480px){
    .web .operation .operation_1 .oper_1 .opr_1 img{
        width: 30px;
    }
    .web .other_products .other_products_1{
        padding-top: 10px;
    }
    .web .other_products .other_products_1 .other_1 .products_1 .oth_2 p{
        font-size: 35px;
    }
    .web .other_products .other_products_1 .other_1 .products_4{
        padding-top: 0;
        img{
            width: 100px;
        }
    }
    .web .other_products .other_products_1 .other_1 .products_2 p{
        font-size: 16px;
    }
    .web .engine .engin_2 img{
        width: 60%;
    }
    .web .operation .operation_1 .oper_2 .opr_3 img{
        width: 60%;
    }
    .web .operation .operation_1 .oper_2 .opr_5 img{
         width: 60%;
    }
    .other_products  .other_products_1 .other_1 .oth_2{
        padding-left: 40px;
    }
}
